import React from "react"
import { Dimensions, ProgressBarAndroid } from "react-native"
import { px2dp } from "../../utils"

const screenW = Dimensions.get("window").width

function progressView(barProgress) {
  return (
    <ProgressBarAndroid
      style={{
        marginStart: px2dp(20),
        marginEnd: px2dp(20),
        width: screenW - 40,
        borderRadius: 8
      }}
      color={"#30B1E4"}
      progress={barProgress}
      styleAttr={"Horizontal"}
      indeterminate={false}
    />
  )
}

export default {
  progressView
}
